<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--    禁止缩放-->
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>组织管理</title>

    <!-- Bootstrap -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<!--     <link href="./tpl/User/default/common/SGroup/uploadify/uploadify.css" rel="stylesheet"> -->
    <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <!-- <script src="./tpl/User/default/common/SGroup/uploadify/jquery.uploadify.min.js"></script> -->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
          <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<style>
    .tree {
        padding: 19px;
        margin-bottom: 20px;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
        float: left;
        border: 1px solid rgb(214, 214, 214);
        background-color: rgb(255, 255, 255);
        min-height: 800px;
        border-radius: 15px;
        /*        margin-left: 6px;*/
        min-width: 250px;
    }
    
    .people-block {
        background-image: none ! important;
        border: 1px solid rgb(230, 231, 236) ! important;
        text-shadow: none ! important;
        padding: 4px 12px ! important;
        cursor: pointer ! important;
        display: inline-block ! important;
        overflow: visible ! important;
        border-radius: 4px ! important;
        background-color: rgb(244, 245, 249) ! important;
        color: rgb(34, 34, 34) ! important;
        font-size: 14px ! important;
        margin-bottom: 5px;
        margin-left: 3px;
    }
    
    .tree li {
        list-style-type: none;
        margin: 0;
        padding: 10px 5px 0 5px;
        position: relative
    }
    
    .tree li::before,
    .tree li::after {
        content: '';
        left: -20px;
        position: absolute;
        right: auto
    }
    
    .tree li::before {
        border-left: 1px solid #999;
        bottom: 50px;
        height: 100%;
        top: 0;
        width: 1px
    }
    
    .tree li::after {
        border-top: 1px solid #999;
        height: 20px;
        top: 25px;
        width: 25px
    }
    
    .tree li span {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #999;
        border-radius: 5px;
        display: inline-block;
        padding: 3px 8px;
        text-decoration: none
    }
    
    .tree li.parent_li>span {
        cursor: pointer
    }
    
    .tree>ul>li::before,
    .tree>ul>li::after {
        border: 0
    }
    
    .tree li:last-child::before {
        height: 25px
    }
    
    .tree li.parent_li>span:hover,
    .tree li.parent_li>span:hover+ul li span {
        background: #eee;
        border: 1px solid #94a0b4;
        color: #000
    }
    
    .content {
        float: left;
        background-color: #FFF;
        border: 1px solid rgb(214, 214, 214);
        border-radius: 15px;
        min-height: 801px;
        /*        min-width: 750px;*/
        width: 72%;
        text-align: center;
    }
    
    body {
        background-color: #eef2f5;
        padding-top: 20px;
    }
    
    th {
        text-align: center;
    }
    
    form {
        background-color: rgb(255, 255, 255);
        padding: 5%;
        min-height: 800px;
        border-radius: 15px;
        border: 1px solid rgb(214, 214, 214);
    }
</style>

<div>
    <div class="container">
        <div class="row">
            <!--           组织架构-->
            <div class="col-lg-4">
                <div class="tree id-0">
                <button class="btn btn-success addbutton">添加</button>
                </div>

            </div>
            <!--            人员-->
            <div class="col-lg-7">
                
                <div class="edit_dept hidden">
                    <form action="" method="post">
                        
                        <div class="form-group">
                            <label for="name">名称</label>
                            <input type="text" class="form-control" name="name" id="name">
                        </div>
                        <div class="form-group" id="parent_dept">
                            <label for="">上级部门</label>
                            <!-- <select name="parentid" id="parentid" class="form-control"></select> -->
                            
                        </div>
                        <div class="form-group">
                            <label for="">排序</label>
                            <input type="text" class="form-control" placeholder="填写部门排序" id="sort" name="sort">
                        </div>
                        
                        <span class="btn btn-success deptPost">提交</span>
                    </form>
                </div>
                <input type="hidden" name="ss" id="updateid" value=""/>

                <div class="add_dept hidden">
                    <form action="" method="post">
                        
                        <div class="form-group">
                            <label for="name">名称</label>
                            <input type="text" class="form-control" name="name" id="name_add">
                        </div>
                        <div class="form-group" id="add_dept">
                            <label for="">上级部门</label>
                            <!-- <select name="parentid" id="parentid" class="form-control"></select> -->
                            
                        </div>
                        <div class="form-group">
                            <label for="">排序</label>
                            <input type="text" class="form-control" placeholder="填写部门排序" id="sort_add" name="sort">
                        </div>
                        
                        <span class="btn btn-success deptAdd">提交</span>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="Tpl/Admin/common/wechat/edit_dept.js"></script>
    <script type="text/javascript" src="Public/js/getUrl.js"></script>
    <script type="text/javascript" src="Tpl/Admin/common/wechat/SGroup_dept.js"></script>
    <script type="text/javascript" src="Tpl/Admin/common/wechat/liandong_dept.js"></script>
  
    <script>
        var dept = {
        }

        // //上传控件
        //  <?php $timestamp = time();?>
        // $(function () {
        //     $('#file_upload').uploadify({
        //         'formData': {
        //             'timestamp':'<?php echo $timestamp;?>',
        //             'token': '<?php echo md5('unique_salt' . $timestamp);?>'
        //         },
        //         'swf': './tpl/User/default/common/SGroup/uploadify/uploadify.swf',
        //         'uploader': './tpl/User/default/common/SGroup/uploadify/uploadify.php',
        //         'onUploadSuccess': function(file, data, response) {
        //             people.avatar_mediaid=data;
        //             console.log(data);
        //         }
        //     });
        // });
        
    </script>

</body>

</html>